<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="https://cdn.bootcss.com/vue/2.5.17-beta.0/vue.min.js"></script>
	</head>

	<body>
		
		<div id="app">
			<!-- 把设置的主键名, 作为标签使用 -->
			<!-- 引导|导入 主键内容 -->
			<heads></heads>
		</div>
		<div id="app2">
			<!-- 把设置的主键名, 作为标签使用 -->
			<!-- 引导|导入 主键内容 -->
			<heads></heads>
		</div>
		<script>
			/* 创建组件  全局组件 */
			Vue.component("heads",{
				template:"<div><h1>{{message}}</h1> <input v-model='message'/> <button @click='dian'>点点我</button></div>"
				,
				data:function(){
					return {
						message:"你好啊"
					}
				},
				methods:{
					dian:function(){
						alert(11);
					}
				}
			});
			
			new Vue({
				el:"#app"
			})
			new Vue({
				el:"#app2"
			})
		</script>
		
	</body>

</html>